<!DOCTYPE html>
<html>
    <head>
        <title>indexhtml</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/bvd.css" />
		
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
		<!-- <script type="text/javascript" src="js/playinfo1TestJson.js"></script> -->
		
        <style type="text/css">
		#topDiv div{
			position: absolute;
		}
		#middleDiv div{
			position: absolute;
		}
		
		 .nav{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 30px;
			width:150px;
			height: 50px;
			top:50px
		}
		
		
		
		.div-inline div{
			display:inline-block;
		}
		
		.div-inline1{
			left:20px;
		}
		.div-inline1>img{
			width:366px;
		}
		
		
		.div-inline2{
			left:396px;
		}
		
		.div-inline2>img{
			width:213px;
		}
		
		
		.div-inline3{
			left:20px;
			top:242px;
		}
		
		.div-inline3>img{
			width:589px;
		}
		.div-inline4{
			left:619px;
		}
		
		.div-inline4>img{
			width:405px;
		}
		
		
		.div-inline5{
			left:1034px;
		}
		
		.div-inline5>img{
			width:366px;
		}
		
		.div-inline6{
			top:242px;
			left:1034px;
		}
		
		.div-inline6>img{
			width:366px;
		}
		
		.navFocus{
			position:absolute;
			width:182px; 
			height:94px; 
			background:url(images/play/1focus.jpg) no-repeat; 
			display:none; 
			top:0px;
		}
		
		.navFocus1{
			position:absolute;
			width:237px; 
			height:117px; 
			background:url(images/play/2focus.jpg) no-repeat; 
			display:none; 
			top:0px;
		}

		</style>
		<script type="text/javascript" src="js/mylib.js"></script>
		<script type="text/javascript" src="js/playinfo1.js"></script>
		<script type="text/javascript">
		
		var compilationsTest={};
		
		var total=0;
		var dataJson = {};
		var listData;	

		var name;
 		var playUrlCode;
 		var totaltop=0
		var datatopJson = {};
		var listtopData;
		var playViewCode= GetQueryString("playViewCode");
		function addtitle(){
			for(var i=0; i<totaltop; i++){
				var div = $("<div>");
				var fonts;
				var font;
				div.attr("class","navFocus common");
				div.attr("style","left:0px;top:"+(i*100)+"px");
				$("#topDiv").append(div);
				font = $("<font>");
				font.attr("size","5");
				font.attr("style","position:absolute; width:180px;left:10px;top:"+((i*100)+20)+"px");
				font.attr("color","#FFFFFF");
				font.append(listtopData[i].name);
				$("#topDiv").append(font);
			} 
		}
		 function gamel(x){
			playUrlCode=playViewCode+"_"+x;
			var map={};
			map.viewCode=playViewCode+"_"+x;
			map.viewType="3";//视频列表
			var url="QueryViewServlet";
			mylib.postAjaxContent(map,url,callBackContent=function(data){
				if(data!=null&&data.length>0){
					compilationsTest.testJSON=data[0];
					window.compilationsTest = compilationsTest;
					dataJson = compilationsTest.testJSON;
					listData = dataJson.index_list.index;
					total = listData.length;
					$("#middleDiv").empty();
					//gamel();
					for(var i=0; i<total; i++){
								var div = $("<div>");
								var fonts;
								var font;
								div.attr("class","navFocus1 common");
								div.attr("style","left:0px;top:"+(i*100)+"px");
								$("#middleDiv").append(div);
								font = $("<font>");
								font.attr("size","5");
								font.attr("style","position:absolute;width:230px; left:10px;top:"+((i*100)+20)+"px");
								font.attr("color","#FFFFFF");
								font.append(listData[i].name);
								$("#middleDiv").append(font);
					} 
				}
			});//	获取图片内容
		} 
		
		 
		$(document).ready(function(){
			//初始化视频列表title
			var map={};
				map.viewCode=playViewCode;
				map.viewType="2";//视频标题
			var url="QueryViewServlet";
			mylib.postAjaxContent(map,url,callBackContent=function(data){
				if(data!=null&&data.length>0){
					datatopJson =data[0];
					listtopData = datatopJson.index_list.index;
					totaltop = listtopData.length;
					addtitle();
				}
			});//	获取图片内容
		})
		</script>

  </head>
  <body>
  h5播放器
       <img style="width:1270x;height:720px;position:absolute;left:0px;top:0px" src="images/bg1.jpg"></img> 
   	   <img style="width:182px;height:720px;position:absolute;left:0px;top:0px" src="images/play/1.jpg"></img> 
   	  <div id="topDiv" style="left:0px;top:0px width:360x;" class="subMenuItem1"> 
         
      </div>
   	 
   	   <img id="2bj" style="filter:alpha(Opacity=0);width:236px;height:720px;position:absolute;left:180px;top:0px" src="images/play/2.png"></img> 
  	   <div id="middleDiv" style="left:180px; height:720px;width:360px;position:absolute;" class="subMenuItem1"> 
		
  		</div>
  		<div class="mui-content" style="left:420px; width:800px;height:480px;position:absolute" >
		    <div class="bad-video">
				<video webkit-playsinline>
					<!--<source src='xx.mp4' type="video/mp4"></source>-->
					<source src='1.webm' type="video/webm"></source>
					<p>设备不支持</p>
				</video>
	
			</div>
		</div>
   </div> 

  </body>
  <script src="js/mui.min.js"></script>
  <script src="js/bvd.js"></script>
  <script type="text/javascript">
  	
	var viewCode = GetQueryString("viewCode");
	var listCode = GetQueryString("listCode");
	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
	var v = mui.bvd();
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
        var listDataaa=listData;
		var index=menu.getTabsDivIndex;
		var aa=listData[index].name;
		var url=listData[index].url;//配置的index需要按顺序，0开始
		v.setUrl(url);	 
		v.playView();
       }
        mylib.bind_key();
       }
	</script>
</html>
